<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>租付通 - 托管结算 - 新增</title>
    {include file="common/header-sub" /}
    <link rel="stylesheet" href="<?=STATIC_URL?>assets/build/<?=LOCAL_DIR?>js/widget/bootstrap-datepicker/css/bootstrap-datepicker3.min.css"
    />
    <link rel="stylesheet" href="<?=STATIC_URL?>assets/build/<?=LOCAL_DIR?>css/zft-tuoguan_add.all.css?<?=st?>" />
</head>

<body>
    <div class="g-content">
        <div id="buildings">
            <div class="m-head_tab">
                <span class="m-head_tab_title">房源</span>
            </div>

            <div class="form form-auto mt30">
                <div class="form-group f14">
                    <div class="form-label">区域：</div>
                    <div class="form-content">
                        <select name="" id="searchProvince" class="select  mr5">
                        </select>
                        <select name="" id="searchCity" class="select  mr5">
                        </select>
                        <select name="" id="searchDistrict" class="select ">
                        </select>
                    </div>
                </div>
                <div class="form-group f14">
                    <div class="form-label">楼宇名称：</div>
                    <div class="form-content">
                        <input type="text" class="input" placeholder="支持模糊查询" id="searchInp">
                    </div>
                </div>
                <a href="javascript:;" class="btn btn-default" id="searchBtn">查询</a>
            </div>

            <div>
                <div class="h40" data-type="buildings">
                    <div class="paginationWrap paginationWrapBuildings"></div>
                </div>
                <table class="g-table">
                    <thead>
                        <th>楼宇编号</th>
                        <th>区域</th>
                        <th>楼宇名称</th>
                        <th>楼宇地址</th>
                        <th>楼宇栋数</th>
                        <th>房源数量</th>
                        <th>操作</th>
                    </thead>
                </table>
                <div class="u-div_overflow_x">
                    <div class="u-div_overflow">
                        <table class="g-table">
                            <tbody id="tbodyBuildings">
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="h40" data-type="buildings">
                <div class="paginationWrap paginationWrapBuildings"></div>
            </div>
        </div>

        <div id="building" class="hide">
            <table class="g-table mt20">
                <thead>
                    <th>房源编号</th>
                    <th>业主姓名</th>
                    <th>业主电话</th>
                    <th>楼栋数</th>
                    <th>房间号</th>
                    <th>面积</th>
                </thead>
                <tbody id="tbodyBuilding">
                </tbody>
            </table>
            <div class="h40" data-type="building">
                <div class="paginationWrap paginationWrapBuilding"></div>
            </div>
        </div>
        <div id="rule" class="hide">
            <div class="m-modal_bg">
                <div class="m-modal u-content">
                    <div class="m-head_tab mt20">
                        <span class="m-head_tab_title">托管结算规则</span>
                        <span class="close">x</span>
                    </div>
                    <div class="form form-auto mt30">
                        <div class="form-group f14">
                            <div class="form-label">出租率：</div>
                            <div class="form-content">
                                <input type="text" class="input" id="inpRate" /> %
                            </div>
                        </div>
                        <div class="form-group f14">
                            <div class="form-label">分成比例：</div>
                            <div class="form-content">
                                <div class="form-text">业主</div>
                                <input type="text" class="input" id="inpRatio" /> %
                            </div>
                        </div>
                        <a href="javascript:;" class="btn btn-default btn-default-reverse mr20" id="btnAddRatio">添加</a>
                    </div>
                    <div>
                        <table class="g-table">
                            <thead>
                                <th>出租率</th>
                                <th>业主分成比例</th>
                            </thead>
                            <tbody id="tbodyRuleEdit">
                            </tbody>
                        </table>
                    </div>
                    <div class="form form-inline mt20">
                        <div class="form-group f14">
                            <div class="form-label t-right">结算周期：</div>
                            <div class="form-content">
                                <select class="select w175" id="settleType">
                            <option value="1">月</option>
                            <option value="2">季度</option>
                            <option value="3">半年</option>
                            <option value="4">年</option>
                        </select>
                            </div>
                        </div>
                        <div class="form-group f14">
                            <div class="form-label t-right">保底金额：</div>
                            <div class="form-content">
                                <input type="text" class="input" value="" id="money" />
                                <div class="form-text">元</div>
                            </div>
                        </div>
                        <div></div>
                        <div class="form-group f14">
                            <div class="form-label t-right">托管起始日期：</div>
                            <div class="form-content">
                                <input type="text" class="input" id="beginDate" readonly value="" />
                            </div>
                        </div>
                        <div class="form-group f14">
                            <div class="form-label t-right">托管截止日期：</div>
                            <div class="form-content">
                                <input type="text" class="input" id="endDate" readonly value="" />
                            </div>
                        </div>
                        <div></div>
                        <div class="form-group f14">
                            <div class="form-label t-right">账单日：</div>
                            <div class="form-content">
                                <input type="text" class="input" id="billingDay" placeholder="每周期5号" />
                                <div class="form-comment">每月的指定日期作为账单日</div>
                            </div>
                        </div>
                        <div class="h40">
                            <div class="confBtn">
                                <a href="javascript:;" class="btn btn-default mr20" id="btnEditRule">保存</a>
                                <a href="javascript:;" class="btn btn-default btn-default-reverse mr20 cancel">取消</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {include file="common/footer-sub" /}
    <script type="text/javascript" src="<?=STATIC_URL?>assets/build/<?=LOCAL_DIR?>js/widget/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
    <script type="text/javascript" src="<?=STATIC_URL?>assets/build/<?=LOCAL_DIR?>js/widget/bootstrap-datepicker/js/bootstrap-datepicker.zh-CN.min.js"></script>
    <script type="text/javascript" src="<?=STATIC_URL?>assets/build/<?=LOCAL_DIR?>js/zft-tuoguan_add.all.js?<?=st?>"></script>
</body>

</html>